@font-face {
    font-family: 'Ogg';
    src: url('../webfonts/Ogg-Medium.woff2') format('woff2'),
        url('../webfonts/Ogg-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body 						{ background: #fff; color: #000; font-family: 'Lato', sans-serif; font-size: 14px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
body.HomePage 				{ min-height: 100vh;}
.stop-scrolling             { position: fixed; overflow-y:scroll; width: 100%; }

a 							{ color: #000; text-decoration: none; }
a:hover, a:active			{ text-decoration: none; }
a:visited                   { color:  #000;}

button                      { color:  #000; }
	
h1,h2,h3    				{ font-family: 'Lato', sans-serif; font-weight: bold; padding-bottom: 4px; color: #000; margin-bottom: 0px; }
h1 			    			{ font-size: 3.1rem; font-weight: 500; padding-left: 0px; margin-left: 0px; padding-bottom:  35px; line-height:  1.2; margin-bottom:  0px; font-family:  'Ogg';}
.zitatheadline h1           { font-size: 2.75rem; padding-bottom: 0px; font-weight: 500; line-height: 1.2; color: #000; font-family: 'Ogg'  }
h2                          { font-size: 2.25rem; padding-bottom: 0px; font-weight: 500; line-height: 1.2; color: #000; font-family: 'Ogg' }
h1.h2like     				{ font-size: 2.4rem; padding-bottom: 0px; font-weight: 500; line-height: 1.2; color: #000; font-family: 'Ogg' }
.fakeheadline,
h1.fakeheadline               { font-family: 'Lato';text-transform: uppercase; letter-spacing: 0.5px; font-weight: 400; font-size: 1rem }
h3          				{ font-size: 1.9rem; font-weight: 500; padding-bottom: 10px; font-family: 'Ogg' }
h4          				{ font-family: 'Lato', sans-serif; font-weight: bold; padding-bottom: 4px; display: inline-block; font-size: 1.15rem; }
h5 							{ font-weight: 700; font-family: 'Lato'; font-size: 1.05rem; line-height: 1.4; margin-bottom: 0rem; color: #000  }

img        					{ max-width: 100%; height: auto }

p     	    				{ font-family: 'Lato', sans-serif; font-weight: 400; line-height: 1.5; font-size: 1.1rem; letter-spacing: 0.01.rem; color: #000; margin-bottom: 1.5rem; }
p strong    				{ font-weight: 700; font-size: 1em; }
li          				{ font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: 0.5px; line-height: 1.5; font-size: 1rem; color: #000;}

.relativer                  { position: relative; }
.indexer                    { position: relative; z-index:  99999;}

select                      { font-family: 'Lato'; font-size: 1.2rem; padding-left:  5px !important; height: 48px;}
textarea                    { font-family: 'Lato'; font-size: 1.2rem; }

.container                  { max-width: 1300px; } 

.allButFooter 				{ min-height: 100vh; }
.HomePage .allButFooter     { display: flex }
.HomePage .langs { display: block !important; color: #fff; top: 49px; }
.HomePage .sticky.finished .langs { display: block !important; color: #fff; top: 21px; }
.HomePage .langs a          { color: #fff; }
.HomePage .langlink         { color: #fff;  }
.HomePage .langlink.current { border-color: #fff }

.HomePage .sticky.finished .langs a          { color: #000 !important; }
.HomePage .sticky.finished .langlink         { color: #000 !important;  }
.HomePage .sticky.finished .langlink.current { border-color: #000 }

/* Header */
.header                      { position: relative; z-index: 999999; background-color: #ff9388 }
.HomePage .header            { background-color: transparent; position: absolute; }
.HomePage .header.sticky     { background-color: #ff9388; position: fixed; }

.homelink 					{ display: block;  }
.homelink img 				{ height: 40px; margin-top: 20px; }

.langs                      { padding-top: 18px; position: absolute; right: 90px; top: 30px; display: none }
.langs.opened               { display: block; }
.langlink                   { display: block; float: left; color:  #000; font-size: 0.9rem !important; font-weight:  500; border-bottom: 2px; letter-spacing: 0.1rem; padding-bottom:  1px}  
.langlink:first-child       { margin-right:  15px; }
.langlink.current           { border-bottom: 2px solid #000; font-size: 0.9rem }

.preheader                  { height: 0px; width: 100%; }
.preheader.sticky           { height: 30px; }
header                      { position: relative; z-index: 99999; background-color: #fff; left: 0px; right: 0px; -webkit-transition: top 1s; -moz-transition: top 1s; transition: top 1s; }
header.sticky               { position: fixed; top: -120px; }
header.sticky.finished      { top: 0px; height: 105px; }

#toplogo                    { position: absolute; width: 200px; left: 50%; margin-left: -100px; background-color: #ff9388; padding: 15px; padding-top: 20px; }
#toplogo img                { max-width: 60%; }
header.sticky.finished #toplogo     { display: block !important; padding-bottom: 0px; padding-top: 7px; }
header.sticky.finished .menu { top: 60px; background-color: #ff9388; }
header.sticky.finished .whiteline { position: absolute; top: 35px; left: 33px; right: 33px; height: 1px; background-color: #fff }
header.sticky.finished .whitelineleft { position: absolute; left: 32px; top: 35px; width: 1px; height: 70px; background-color: #fff }
header.sticky.finished .whitelineright { position: absolute; right: 32px; top: 35px; width: 1px; height: 70px; background-color: #fff }

nav                         { z-index: 99999; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; display: none; background-color: #ff9388 }
nav ul 						{ list-style-type: none; padding-left: 0px; display: block; margin-top:  3%; position: relative; z-index: 999999 }
nav ul li 					{ display: block; text-align: center; padding-bottom: 30px; }
nav ul li a 				{ color: #000; font-weight: 300; font-family:  'Ogg'; text-transform: none; font-size: 2.25rem; padding-bottom: 0px; }
nav ul li a:hover,
nav ul li a.active 			{ color: #000; border-bottom:  2px solid #000; }
nav ul li.current > a       { border-bottom:  2px solid #000; } 
nav.opened                  { display: block; }

.menu                             { cursor: pointer; margin: 0 auto;position: absolute; width: 40px; height: 22px; display: block; right: 0px; top: 75px;  z-index: 999999;  }
.menu-global                      { backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #ffffff;  width: 100%; -webkit-transition: 0.25s 0.15s; -moz-transition: 0.25s 0.15s; transition: 0.25s 0.15s; }
.menu-top                         { top: 0; }
.menu-middle                      { top: 9px; display:  none}
.menu-bottom                      { top: 12px; }
.menu-top-click                   { border-color:  #000; backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; }
.menu-middle-click                { opacity: 0; }
.menu-bottom-click                { border-color:  #000; backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s;  }
.menu.menuonrose .menu-global     { border-top:  2px solid #000}

.slash              { font-size: 5rem; font-weight: 300; font-family: Lato }

.inverted           { background-color: #ff9388; margin: 0 auto; z-index: 99999; position: relative; width: 140px; padding: 0px 20px; padding-top: 15px; }
.inverted img       { /*filter: invert(1);*/ max-width: 100%; }

.mainmeta           { display: block; margin: 0 auto; float:  none; max-width: 80%; text-align: center; margin-top: 40px; }
.mainmeta li        { display: inline-block; padding-left:  20px; font-family: 'Lato'; font-weight:  400; padding-bottom: 25px; }
.mainmeta li a,
.subfake            { margin-right:  20px; font-family: 'Lato'; font-weight:  500; font-size: 0.9rem; text-transform: uppercase; padding-bottom: 1px; letter-spacing: 0.1rem; }
.mainmeta li a:hover,
.mainmeta li.current a,
.subfake:hover,
.subfake.underlined { border-bottom: 2px solid #000;  }
.subfakemenu        { padding-bottom: 20px; padding-top: 10px; }

.subfake            { margin: 0; margin-left: 10px; margin-right: 10px; }

.bottomsocials a    { padding-left: 10px; padding-right: 10px; }
.absbottom          { margin-top:  3%; }

/* side icons */
.pt-90              { padding-top: 90px; }

/* Footer */
.footer                 { background-color: #ffbeb8; padding-top: 30px; padding-bottom: 30px; }
.footertext p,
.footertext a           { color: #000; padding-bottom: 0px; margin-bottom: 0px; font-size: 0.9rem; line-height: 2 }

.footermenu             { display: block; float: left; margin-left: 0px; padding-left: 0px; }
.footermenu li          { display: block; float: left; padding-left: 0px; padding-right: 45px; line-height: 30px; }
.footermenu li:first-child { padding-left: 0px; padding-right: 70px; }
.footermenu li a        { color: #000; font-weight: 500; text-transform: uppercase; line-height: 30px; font-size: 0.9rem; border-bottom: 2px solid #000; letter-spacing: 0.1rem; padding-bottom: 1px }
.footerhomelink         { border-bottom: none !important; }
.footerhomelink img     {  }

.footermenu2             { display: block; float: right;  }
.footermenu2 li          { display: block; float: left; padding-left: 30px; line-height: 1; }
.footermenu2 li img      { height: 23px; }

.mobile                 { display: none; }

/* Body */
#cookieModalLive { background-color: rgba(0,0,0,0.5); z-index:  9999999; top:  0px; bottom:  0px; left:  0px; right:  0px; position: fixed;}
.CookieConsent { bottom: unset; background-color: #ff9388; padding: 40px; left:  50%; margin-left:  -300px; margin-top:  60px; width: 600px; z-index:  999999999; position: relative;}
.js-cookie-consent-button { background-color: #ccc; color: #fff; cursor: pointer; z-index:  999999999; position: relative; }
.js-cookie-info-button { cursor: pointer; z-index:  999999999; position: relative; background-color: #ffb9b2 !important; }
.js-cookie-info-button:hover { background-color: #888 !important; }
#cookieconsent-title { color: #003539; padding-bottom: 5px; }
.js-cookie-consent-button:hover { background-color: #ffb9b2 !important; }

/* homepage */
.minus-20               { margin-top: -20px; }
.minus-10               { margin-top: -16px !important; }
.rose                   { background-color: #ff9388; min-height: 100vh }
.white-container        { border: 1px solid white; margin: 17px; padding: 20px; min-height: 95vh  }
#homeslider             { height: 100vh; display: block; clear: both; overflow-y: hidden }
.cycle-pager            { position:absolute; bottom:60px; width:100%; z-index:9999; text-align:center;  }
.cycle-pager span       { text-indent:  -9999em;width:30px; height:2px; display:inline-block; font-size:.1em; text-align:center; cursor:poLato; color:#7a848a; background-color:#7a848a; margin:0 3px}
.cycle-pager span.cycle-pager-active { background-color:#fff; border-color:#e72868}
.cycle-pager2 .smallthumb img { opacity: 0.8 }
.cycle-pager-active .smallthumb img,
.smallthumb:hover img { opacity: 1 }

.uebermichlink          { text-transform: uppercase; font-weight: 500; font-size:0.9rem; letter-spacing: 0.1rem; color: #000; font-family: 'Lato'; padding-bottom: 1px; border-bottom: 2px solid #000 }
.uebermichlink:hover    { opacity: 0.7; color: #000;  }

.uebermichlink2          { text-transform: uppercase; font-weight: 500; font-size:0.9rem; letter-spacing: 0.1rem; color: #000; font-family: 'Lato'; padding-bottom: 1px; border-bottom: 2px solid #000 }
.uebermichlink2:hover    { opacity: 0.7; color: #000;  }

.slide          { height: 100%; display: flex; width:  100%; background-size: cover; background-repeat: no-repeat; text-align: center;  }
.slide img      { max-height: 546px; width: auto;vertical-align: middle; }
.smallminus     { margin-top: -20px; }
.bigminus       { margin-top: -120px; }
.zitat          { background: transparent url(../images/quotes.png) top center no-repeat; background-size: 63px auto; }
.zitat h2       { font-family: Ogg; font-size: 2rem; }
.whiteborder    { border: 1px solid #fff; position: absolute; left: 32px; right: 32px; top: 34px; bottom: 33px; z-index: 9998; }

.roseborder     { border: 1px solid #ff9388; position: absolute; left: 32px; right: 32px; top: 32px; bottom: 32px; z-index: 9998; }

.logo           { position: absolute; width: 520px; height: 426px; left: 50%; margin-left: -260px; top: 50%; margin-top: -150px; z-index: 9999; text-align: center; }

.bigslash       { display: block; clear: both; text-align: center; font-size: 2.4rem; color: #ff9388; font-weight: 100; font-family: Ogg; padding-top: 10px; padding-bottom: 10px; }
.orangeborder   { cursor: pointer; display: block; width: 155px; padding: 10px 25px; float:  left; border: 1px solid #ff9388; color: #fff !important; text-transform: uppercase; text-align: center; margin: 0 8px; font-weight: 500; font-size: 1rem; letter-spacing: 0.1rem; }
.orangeborder:hover { opacity: 0.8; color: #fff; }

.bildlink       { color: #000; text-transform: uppercase; font-size:  1.1rem; font-weight:  600; letter-spacing:  0.1rem}
.bildlink:hover { color: #000; opacity: 0.8 }

.min-ml-3       { margin-left: -60px; } 

.padding-top-30 { padding-top: 30px; }

.HomePage #toplogo { display: none; }

/* teampage */
.tpcontent li   { font-weight: 500; line-height: 1.7; font-size: 1rem }
.tpcontent a    { text-transform: none; color: #000; font-weight: 500; font-size: 1rem; letter-spacing: 0.1rem; border-bottom: 2px solid #000; padding-bottom: 1px; line-height: 1.7 }
.tpcontent a:hover { opacity: 0.8 }


#bleky          { background:  transparent url(../images/blecky.png) top left; position: absolute; z-index: 998; left: 0px; right: 0px; top: 0px; bottom: 0px; }

#tothetop       {	width: 40px;height: 40px; display: none; font-size: 2em; cursor: poLato; position: fixed;right: 20px;bottom: 45px; z-index: 10; }

.pr-lg-200      { padding-right: 200px; }
.pr-lg-130      { padding-right: 130px; }



/* about page */
.interviewtitle { font-weight: 500; font-size: 1rem; letter-spacing: 0.1rem;  }
.collapsebutton { padding-left:  0px; text-align:  center; margin:  0 auto; background: none; border: none; border-bottom: 2px solid #000; text-transform: uppercase; padding-bottom:  1px; letter-spacing: 0.1rem; font-weight: 500; font-size: 0.9rem; cursor: pointer; padding-right: 0px; margin-right: 0px; }
.bordertop      { border-top: 1px solid #000; margin-top: 25px; }
.card           { border: none; background-color: transparent; padding-left: 0px; padding-right: 0px; }
.toptext        { max-width: 380px; margin: 0 auto }
.AboutPage .intro p { margin-bottom: 5px; }

/* contact page */
#Form_ContactForm fieldset { display: block; border: 2px solid #000; padding: 50px 100px; }
#Form_ContactForm_Art { list-style-type: none; margin-left: 0px; padding-left: 0px; }
#Form_ContactForm_Art li label { padding-left: 10px; font-family: 'Lato'; font-size: 1rem }
#Form_ContactForm input[type="text"],
#Form_ContactForm input[type="email"] { width: 100%; border: none; background-color: #ffbeb8; margin-bottom: 14px; padding: 10px; color: #000; font-size: 1rem }
#Form_ContactForm_Message_Holder,
#Form_ContactForm_Message_Holder .middleColumn { height: 100% }
#Form_ContactForm textarea { height: 275px; width: 100%; border: none; background-color: #ffbeb8; margin-bottom: 14px; padding: 10px; color: #000; font-size: 1rem }
#frmContactSubmit { background: transparent; border: 1px solid #000; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 1rem; letter-spacing: 0.1rem; cursor: pointer; padding: 10px; width: 155px }
#frmContactSubmit:hover { opacity: 0.7 }
#Form_ContactForm_Subject_Holder { position: absolute; left: -3000em }

#Form_ContactForm h2 { padding-top: 10px; padding-bottom: 30px; }

::placeholder { font-size: 1rem; color: #000; }


/* immo page */
.previewbox { min-height: 265px; max-height: 265px; width:  100%; background: transparent top center no-repeat; background-size: cover; }
.immotitel  { text-transform: uppercase; font-size:1.05rem; letter-spacing: 0.1rem; color: #000; font-family: 'Lato'; min-height:  115px; display: block; float: left; clear: both; line-height: 1.4; padding-top: 20px;   }
.immoplace  { text-transform: uppercase; font-weight: 400; font-size:1rem; color: #000; font-family: 'Lato'; display: block; float: left; clear: both; line-height: 1.4; padding-top: 5px; padding-bottom: 20px;  }
.stronger   { font-weight: 600; color: #000; font-family: 'Lato'; font-size:1rem; }
.immodata td { border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 15px; }

.float-none { float: unset }
.zTitle { text-transform: uppercase; font-weight: 600; font-size:1rem; color: #000; font-family: 'Lato'; min-height:  65px; line-height: 1.4; padding-top: 20px; display:  block; float:  left; clear:  both}
.borderbottom { border-bottom: 2px solid #000; padding-bottom: 20px; float: left; clear: both; width: 100%; }
.valuesinside { display: block; float: left; clear: both; width: 100%; }

.thead { font-weight: 600; }
.poistable { width: 29%; margin-right:  2%; font-size: 1rem; float: left }
.tblvalues { font-size: 1rem; line-height: 1.35rem; }
.tablesep { display: block; float: left; clear: both; padding-top: 20px; width: 100% }
.cycle-pager2 { margin-top: 30px; margin-bottom: 30px; display: block; float: left; }
.smallthumb { display: block; float: left; margin-right: 15px; margin-bottom: 15px; width: 70px; height: 48px; overflow: hidden }
.notransform { text-transform: none !important; }
.rounded { border-radius: 50% !important; width: 150px; height: 150px; background: transparent no-repeat center center; background-size: cover; margin: 0 auto }
.contacticon { max-height: 20px; max-width: 20px; margin-right: 7px }
.kontaktlink { color: #000; font-size: 1rem; letter-spacing: 0.01rem; line-height:  1.7}
.kontaktlink:hover { color: #000 }
.topborder { border-top: 1px solid #000 }


.searchbox  { border: 2px solid #000 }
#Form_SearchForm fieldset { display: block; padding: 70px; }
#Form_SearchForm_Art { list-style-type: none; margin-left: 0px; padding-left: 0px; }
#Form_SearchForm_Art li label { padding-left: 10px; font-family: 'Lato'; font-size: 1rem }
.valMiete label { border-left: none !important; border-right: none !important; }
#Form_SearchForm input[type="text"],
#Form_SearchForm input[type="email"] { height:  48px; width: 100%; border: none; background-color: #ffbeb8; margin-bottom: 14px; padding: 10px 20px; color: #000; font-size: 1rem }
#frmSearchSubmit { background: transparent; border: 1px solid #000; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 0.9rem !important; letter-spacing: 0.1rem; cursor: pointer; padding: 10px; width: 155px }
#frmSearchSubmit:hover { opacity: 0.7 }

#Form_SearchForm select { padding-left:  15px !important; width: 100%; border: none; background-color: #ffbeb8; margin-bottom: 14px; padding: 10px 20px; color: #000 }
#Form_SearchForm_Preisvon_Holder label,
#Form_SearchForm_Preisbis_Holder label,
#Form_SearchForm_Zimmerbis_Holder label,
#Form_SearchForm_Zimmervon_Holder label,
#Form_SearchForm_Areabis_Holder label,
#Form_SearchForm_Areavon_Holder label { display: none; }
.minilabel { display: block; font-size: 1rem; padding-bottom: 10px; }

.horiz { padding-top: 14px; padding-left: 5px; padding-right:  5px; float: left; }

.half input { max-width: 166px; float: left; }

.vart ul { list-style-type: none; margin: 0; padding: 0; }
.vart li { float: left; margin: 0; width: 33%; height: 46px; position: relative; }
.vart ul label,
.vart ul input { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.vart ul input[type="radio"] { opacity: 0.01;   z-index: 100; }
.vart ul input[type="radio"]:checked+label, .Checked+label {  background: #ffb9b2; border-color: #ffb9b2 }
.vart ul label { padding: 5px; border: 1px solid #000; cursor: pointer; z-index: 90; line-height: 36px; height: 48px; text-transform: uppercase; }
.vart ul label:hover { background: #ffb9b2; border-color: #ffb9b2 }

#Form_SearchForm_Art_Holder { margin-top: -34px; text-align: left }
#Form_SearchForm_Art_Holder > label { font-size: 1rem; padding-bottom: 5px; margin-bottom: 0px; }
#Form_SearchForm_Art li { text-align: center; }


.downicon { width: 12px; margin-bottom: 2px; }


#Form_SearchForm input,
#Form_SearchForm select,
.ImmoPage ::placeholder,
#Form_SearchForm label,
#Form_SearchForm .minilabel { font-size: 1.2rem }

#frmSearchReset { padding-right:  0px; padding-bottom: 0px; margin-top: 12px; background: transparent url(../images/undo.png) left 2px no-repeat; line-height:  18px; padding-left: 25px; background-size: 15px; border: none; color: #000; border-bottom: 2px solid #000; text-align: left; text-transform: uppercase; font-weight: 500; font-size: 0.9rem !important; letter-spacing: 0.1rem; cursor: pointer;   }
#frmSearchReset:hover { opacity: 0.7 }


#Form_ImmoForm fieldset { display: block; border: none; padding: 0px; }
#Form_ImmoForm { list-style-type: none; margin-left: 0px; padding-left: 0px; }
#Form_ImmoForm input[type="text"],
#Form_ImmoForm input[type="email"] { width: 100%; border: none; background-color: #ffbeb8; margin-bottom: 14px; padding: 10px; color: #000; height: 48px; padding-left: 20px; font-size: 1.1rem }
#Form_ImmoForm input:focus-visible { outline-width: 2px; }
#Form_ImmoForm_Message_Holder { max-height: 280px; }
#Form_ImmoForm_Message_Holder .middleColumn { height: 100% }
#Form_ImmoForm textarea { padding-left: 20px !important; height: 260px; width: 100%; border: none; background-color: #ffbeb8; margin-bottom: 14px; padding: 10px; color: #000; font-size: 1.1rem }
#frmImmoSubmit { background: transparent; border: 1px solid #000; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 1.1rem; letter-spacing: 0.1rem; cursor: pointer; padding: 10px; width: 155px; color: #000}
#frmImmoSubmit:hover { opacity: 0.7; border-color: rgba(0,0,0,0.7) }
#Form_ImmoForm_Subject_Holder { position: absolute; left: -3000em }
.smallformtext { line-height: 1.2; font-size: 0.8rem }
.smallformtext a { color: #000; border-bottom: 2px solid #000; padding-bottom: 1px }
.smallformtext a:hover { opacity: 0.7; border-color: rgba(0,0,0,0.7) }

#Form_ImmoForm select { width: 100%; border: none; background-color: #ffbeb8; margin-bottom: 14px; padding: 10px; color: #000; appearance: none; padding-left: 20px !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em; font-size: 1.1rem }
.immodetails .immotitel { min-height: unset; padding-bottom: 20px; }


.kontaktleft { float: left; width: 30%; margin-right:  20px;}
.kontaktright { float: left; width: 30% }

#prev { position: absolute; z-index: 999; left: 20px; top: 50%; margin-top: -42px; width: 46px; height: 85px; background: transparent url(../images/prev.png) center center no-repeat;  cursor: pointer; }
#next { position: absolute; z-index: 999; right: 20px; top: 50%; margin-top: -42px; width: 46px; height: 85px; background: transparent url(../images/next.png) center center no-repeat; cursor: pointer;  }


/* text page */
.TextPage .maincontent a        { text-transform: none; color: #000; font-weight: 500; font-size: 1rem; letter-spacing: 0.1rem; border-bottom: 2px solid #000; padding-bottom: 1px; line-height: 1.7 }
.TextPage .maincontent a:hover  { opacity: 0.8 }

@media screen and (min-width: 1921px) {
    .container { max-width: 1450px; }
}


@media screen and (max-width: 1400px) {
    .menu { right: 30px; top: 47px; }
    nav ul li { padding-bottom: 15px; }
    .slash { font-size: 4rem }

    .half input { max-width: 150px; }
}

@media screen and (max-width:  1300px) {
    .half input { max-width: 135px; }
}


@media screen and (max-width:  1280px) {
    .half input { max-width: 141px; }
    #frmSearchReset { margin-left: -50px; }
    .menu { right: 30px; }
    .immodata td { padding: 10px; }
}

@media screen and (max-width:  1260px) {
    .half input { max-width: 135px; }
}



@media screen and (max-width: 1215px) {
     .half input { max-width: 130px; }
     .hidemiddle { display: none; }
}


@media screen and (min-height: 1200px) {
    nav ul { margin-top: 5% }
    .absbottom { margin-top: 8% }
}


@media screen and (max-width: 1180px) {
     .half input { max-width: 120px; }
     .hidemiddle { display: none; }
}

@media screen and (max-width: 1125px) {
     .half input { max-width: 110px; }
}

@media screen and (max-width: 1065px) {
     .half input { max-width: 100px; }
     #frmSearchSubmit { margin-top: 15px; }
}

@media screen and (min-height: 1000px) {
    nav ul { margin-top: 5% }
    .absbottom { margin-top: 10% }
}



@media screen and (max-width: 992px) {
    .immotitel { min-height: 45px; }
    .hidemiddle { display: table-cell; }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:  landscape) {

	body 				{ overflow-x: hidden }
    .iq-x-0 { padding-left: 0px; padding-right: 0px; }
    .zitat h1 { font-size: 2.7rem }
    .pt-90 { padding-top: 75px; }
}



@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:  portrait) {

    nav ul li { padding-left: 22px; }
    .minuser,
    .BereichePage .minuser,
    .AboutPage .minuser { margin-top: 0px; }
}


@media screen and (max-width: 767px) {    

	.container 				{ max-width: 100% }

	.mobile 				{ display: block;}
    .nomobile               { display: none; }	

    .homelink               { position: relative; z-index: 999999 }
    .homelink img 			{ max-height: 42px; margin-top: 13px; margin-left: 10px; }

    .header.sticky              { position: fixed; }
    
    .slash                      { font-size: 3rem }

    .content a { font-size: 1.1rem !important; }

    .menu { right: 15px; }

    nav                         { z-index: 99999; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; display: none; background-color: #ff9388 }
    nav ul                      { list-style-type: none; padding-left: 0px; display: block; margin-top:  4%; position: relative; z-index: 999999 }
    nav ul li                   { display: block; text-align: center; padding-bottom: 15px; }
    nav ul li a                 { color: #000; font-weight: 300; font-family:  'Ogg'; text-transform: none; font-size: 2rem; padding-bottom: 1px; }
    nav ul li a:hover,
    nav ul li a.active          { color: #000; border-bottom:  2px solid #000; }
    nav ul li.current > a       { border-bottom:  2px solid #000; } 
    nav.opened                  { display: block; }
    .langlink           { font-size: 1rem !important; font-weight:  500; border-bottom: 2px; letter-spacing: 0.1rem; padding-bottom:  1px} 

    .langs { border-bottom: none; padding-top: 15px;  font-size: 1.25rem !important; right: unset; left: 10px; top: 28px; display: block }
    .HomePage .langs { top: 28px }

    .logo { top: 46% }
    .cycle-pager { bottom: 10%; }
    .logo img { max-width: 35% }

    /* footer */
    nav .footermenu li { border-bottom: 0px; padding-left: 0px; }
    nav .footermenu li a 	{ }


    .footer { min-height: 294px; }
    .footer .footermenu { float: none; margin:  0 auto; padding-left: 0px; padding-bottom:  5px;}
    .footer .footermenu li { padding-left: 0px; padding-right: 0px; float: none; display: block; margin: 0 auto; text-align: center; }
    .footer .footermenu li:first-child { padding-bottom: 45px; }

    .footermenu2 { float: none; margin: 0 auto; display: block; padding-left: 0px; text-align: center; width: 70px; padding-top: 30px; }
    .footermenu2 li { text-align: center; padding-left: 0px;  margin: 0 auto; padding-bottom: 0px; }

    #tothetop 			{ right: 7px; bottom: 12px; }
   
    h2 { font-size: 2rem }
    h3 { font-size: 1.7rem }

    .zitat h2 { font-size: 1.8rem; line-height: 1.3 }
    .zitat p { font-size: 1.25rem }
    .minus-20 { margin-top: 35px; }

    .pt-90 { padding-top: 15px; }
    .minuser { margin-top: 0px !important; }
    
    .roseborder,
    .whiteborder { display: none; }
    .white-container { border: none; margin: 0; padding: 0;  }
    .whiteline, .whitelineleft, .whitelineright { display: none; }

    .langs.opened { right: unset; }

    .absbottom { bottom:30px; }


    /* homepage */
    .bildlink { text-align: center; display: block; margin-bottom: 50px; }
    .orangeborder { clear: both; float: none; margin: 0 auto; margin-bottom: 8px; }
    #homeslider { left: 0px; right: 0px; overflow-x:  hidden; }    
    .slide {  }

    /* about page */
    .zitatheadline h1 { font-size: 2rem /* bei ueber micht geht sich 2.35rem nicht aus*/ }
    .minus-10 { margin-top: 50px !important; }
    .bigminus { margin-top: -30px; }


    /*team page */
    .pr-lg-130 { padding-right: 10px; }


    /* kontakt page */
    .kontaktleft { width: 80% }
    .kontaktright { width: 80%; }
    #Form_ContactForm fieldset { padding: 25px; }
    #Form_ContactForm_Art li label { max-width: 85%; margin-top: -23px; margin-left: 15px; display: block; }
    #Form_ContactForm_Message_Holder { margin-left: 15px; }
    #Form_ContactForm h2 { padding-bottom: 30px; padding-top: 20px }

    /* immobilien */
    .poistable { margin-right: 0px; width: 70%; margin-bottom:  20px;}
    .ImmoPage .uebermichlink { margin: 0 auto; padding-top: 30px; display: block; max-width: 205px; text-align: center; }
    .ImmoPage .uebermichlink2 { margin: 0 auto; padding-top: 30px; display: inline; text-align: center; }


    #Form_SearchForm fieldset { padding: 25px; }
    #Form_SearchForm_Objektart_Holder {margin-top:  40px;}
    #Form_SearchForm_Art_Holder { margin-top: 3px }
    .half input { max-width: 117px }
    #frmSearchReset { display:  block;margin:  0 auto; margin-top: -30px; margin-bottom: 20px; }
    #frmSearchSubmit { margin: 0 auto; display: block; margin-top: 30px; }
    .tblvalues { width: 100%; }
    .mainmeta { max-width: 100%; }
    .mainmeta li { padding-left: 6px; }
    .mainmeta li a { margin-right: 6px; }

    .horiz { padding-left: 12px; padding-right: 12px; }

    #Form_SearchForm input, #Form_SearchForm select, .ImmoPage ::placeholder, #Form_SearchForm label, #Form_SearchForm .minilabel { font-size: 1rem }

    .TextPage table td { display: block }

    .nominusmobile { margin-top: 40px; }
    .HomePage .padding-top-30 { padding-top: 0px; }

    .HomePage .bildlink img { max-width: 80%; }

    .footer .footermenu li { padding-bottom: 20px; }
    .fakeheadline, h1.fakeheadline { margin-top: 85px; }
    .inverted { margin-top: -55px; }

    .HomePage .inverted { margin-top: 5px; }

    .container { padding-left: 10px; padding-right: 10px; }


    .uebermichlink,
    .footermenu li a,
    .collapsebutton { font-size: 1rem }

    .CookieConsent { width: auto;max-width: 99%; margin-top: 20px; margin-left: unset; margin-right: unset; left: 10px; right: 10px; padding: 15px; height: 100vh; overflow: auto }
 
 }


@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */ 
    nav { position: fixed; }
}


/* iphone 8 */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) { 

    nav { padding-top: 60px !important; }

    .logo img { max-width: 30% }
    .cycle-pager { bottom: 14%; }

    .half input { max-width: 117px; }

} 




 /* iphone 11 */
 @media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) { 

        .half input { width: 139px !important; }
}