.breit { width:100% !important; }
.breit ul li { display:inline-block !important; width:150px !important; margin-right:6px; }
.breit ul li:first-child { display:block !important; width:100% !important; }
.breit ul li.wochentag { display:block !important; width:100% !important; }


/* ##################### COOKIE */
.uc-banner-content, .uc-info-modal-sidebar, .uc-modal-header, .uc-save-settings-and-close-button, .uc-info-modal-search-bar input { background-color:#fff !important; }

#uc-banner-text { margin-bottom:0px !important; }
#uc-full-optin-description, .uc-save-settings-and-close-button, #uc-search-consents-info { color:#333 !important; }
#uc-btn-deny-banner, #uc-btn-more-info-banner { background-color:#f1f1f1 !importantn; color:#666 !important; }
#uc-btn-accept-banner { color:#fff !important; font-weight:700 !important; background-color: #3769b6 !important; }
button.uc-btn-new { padding:3px 0px !important; } 
 
/* powered bydasda */
.uc-powered-by-label { display:none !important; }
.uc-powered-by-icon svg { fill: #333 !important; }
 
/* fingerprint */
#uc-btn-close-main-corner-modal { display: none !important; visibility: hidden !important; }
.uc-privacy-button-wrapper { width:0px !important; height:0px !important; }
/*a.uc-powered-by-logo:last-child { display:none !important; }*/

/* ##################### ALLGEMEIN */

* { margin:0px; padding:0px; }
ul { list-style: none; }
img { width:100%; height:100%; border:none; line-height:0px; }


/* ##################### FONTS */
 
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
	display: swap;
  src: url('fonts/roboto-condensed-v17-latin/roboto-condensed-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('fonts/roboto-condensed-v17-latin/roboto-condensed-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v17-latin/roboto-condensed-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v17-latin/roboto-condensed-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v17-latin/fonts/roboto-condensed-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v17-latin/fonts/roboto-condensed-v17-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
	display: swap;
  src: url('fonts/roboto-condensed-v17-latin/roboto-condensed-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('fonts/roboto-condensed-v17-latin/roboto-condensed-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v17-latin/roboto-condensed-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v17-latin/roboto-condensed-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v17-latin/roboto-condensed-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v17-latin/roboto-condensed-v17-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}




/* BODY ##################### */

body { z-index:0; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; color:#666; background-color:#fff; padding-top:0px; text-rendering: optimizeLegibility; /*background-color:#76acea; background-image:url('images/sun.jpg'); background-position:center 80px; background-repeat:no-repeat;*/ }
body.home { /*background-image:url('images/sun.jpg');*/ }


/* HEADER ##################### */

header#wetterchecker { z-index:110; display:block; position:absolute; right:75px; top:33px; /*width:calc(100% - 20px);*/ width:191px; height:18px; background-color:#fff; /*background-image:url('images/logo.png'); background-position:0px 0px; background-repeat:no-repeat;*/ }


/* NAV ##################### */

nav#on { z-index:109; position:absolute; right:20px; top:20px; width:40px; height:40px; background-color:#3769b6; cursor: pointer; }
nav#on a { margin:auto; display:block; width:100%; height:100%; }

nav#main { /*display:none;*/ visibility:visible; margin:auto; position:relative; width:100%; height:38px; /*margin-top:580px;*/ top:auto; left:auto; right:auto; bottom:auto; text-align:center; background-color:#fff; }
nav#main ul { margin:auto; }
nav#main li { display:inline-block; width:auto; text-align:left; margin-right:10px; }
nav#main li:last-child { margin-right:0px; }
nav#main a { display:inline:block; width:auto; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:14px; color:#1a73e8; text-decoration: none; border:0px solid #999; }

nav#main a { display: block; width:calc(100% - 42px); padding:5px 10px; margin:5px 10px; border:1px solid #999; }

nav#main a { display:block; width:auto; padding:0px 0px; margin:0px 0px; border:0px solid #999; }


/* FORM ##################### */

form { z-index:6; display:block; visibility:visible; position:absolute; top:20px; left:20px; width: 370px; height:58px; text-align: center; } /*  background-color:#f1f1f1;*/
body.home > form { visibility:hidden; left:0px; }

input#search_orte, button { display:inline-block; width: 300px; padding:10px; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:22px; font-weight:400; border:0px; background-color:#f1f1f1; border-radius:0px !important; border:0px solid #f1f1f1 !important; outline: 0 none; }
button { width: 50px; background-color:#ccc; color:#fff; cursor:pointer; }

@media only screen and (min-width: 0px) and (max-width: 1024px)
{
	body.home > form { display:block; visibility:visible; position:absolute; top:20px; left:20px; width: 370px; height:58px; }
}

@media only screen and (min-width: 0px) and (max-width: 450px)
{
	form { width:calc(100% - 40px) !important;  }
	input#search_orte { width:calc(100% - 70px) !important; }
}



/* SHOW ON ##################### */

div#show_on { display:none; z-index:4; position:fixed; top:0px; left:0px; width: 410px; bottom:0px; background-color:#f1f1f1; }
/*div#show_on { display:block; z-index:4; position:fixed; top:0px; left:0px; width: 100%; bottom:atuo; height:80px; background-color:#fff; }*/

@media only screen and (min-width: 0px) and (max-width: 450px)
{
	div#show_on { top:70px; background-color:#f1f1f1; }
}

/* MAIN ##################### */

main { margin-top:70px; width:calc(100% - 40px); max-width:960px; padding:20px; font-size:16px; }
main h1 { font-size:26px; margin-bottom:10px; letter-spacing:1px; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; color:#fff; }
main h2 { font-size:22px; margin-bottom:10px; }
main h3 { font-size:18px; margin-bottom:10px; }
main p { margin-bottom:10px; }

body.home main { height:80px; margin-top:110px; text-align:center; max-width:100%; font-family: 'Roboto', Arial, Helvetica, sans-serif; /*background-image:url('images/sun.jpg'); background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ }
body.vorhersage main { margin-top:0px; text-align:left; width:100%; max-width:100%; padding:0px; font-size:14px; }


/* ##################### ERGEBNISE SUCHLEISTE */
ul#ui-id-1 { max-width:320px; background-color:#f1f1f1 !important; margin-bottom:5px; border:1px solid #f1f1f1; }
ul#ui-id-1 li { display:block; width:100%; margin-top:0px; text-align: left; overflow:hidden; }
ul#ui-id-1 li a { display: block; width:calc(100% - 42px); max-width:calc(100% - 42px); padding:5px 10px; margin:5px 10px; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:18px; color:#666; text-decoration: none; border:1px solid #999; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover { background-color: #3769b6 !important; border: 1px solid #3769b6 !important; color:#fff !important; }

/*
ul.ergebnis_liste { display: inline-block; margin: auto; width: 350px; padding:10px 10px 5px 10px; }
ul.ergebnis_liste li ul { padding:0px 0px; background-color:#fff; }
ul.ergebnis_liste li { display: inline-block; width:calc(100% - 2px); margin-bottom:5px; text-align: left; border:1px solid #999; }
ul.ergebnis_liste li a { display: inline-block; width:calc(100% - 20px); padding:10px 10px; font-size:18px; color:#666; text-decoration: none; }
*/
/*ul#ui-id-1 { top:70px !important;}*/


/* ##################### VORSCHAU */

section#forecast { /*display:none;*/  margin-top:67px; }
section#forecast ul { list-style:none; }
section#forecast > ul { padding:20px; }
section#forecast > ul > li { display:block; width:calc(100% - 20px); padding:10px; clear:both; }
section#forecast > ul > li.wetter_daten { display:inline-block; /*background-color:#333;*/ width:100%; padding:0px; }
section#forecast > ul > li.wetter_daten > ul { display:inline-block; width:100%; padding:0px; /*background-color:#000;*/ }

section#forecast > ul > li.ort { padding:0px 10px 10px 10px; margin-bottom:10px; /*font-family: 'Roboto', Arial, Helvetica, sans-serif;*/ font-size:30px; font-weight:700; background-color:#fff; }
section#forecast > ul > li.yr_links { font-size:16px; font-weight:400; background-color:#fff; /*margin-bottom:50px;*/ }

section#forecast > ul > li > ul > li { display:inline-block; width:150px; padding:0px 10px; margin-right:10px; /*margin-left:0px;*/ margin-bottom:10px; vertical-align:top; background-color:#f1f1f1; float:left; }
/*section#forecast > ul > li > ul > li:last-child { display:none !important; } */
section#forecast > ul > li > ul > li:first-child { /*margin-left:10px;*/ }

section#forecast > ul > li > ul > li > ul > li { display:block; width:calc(100% - 22px); padding:10px 10px; margin-bottom:10px; border:1px solid #999;}
li.schlecht { background-color:#f1f1f1 !important;  }
li.schlecht i { /*color:#3769b6 !important;*/ }
li.gut { background-color:#3769b6 !important; color:#fff !important; border:1px solid #3769b6 !important; }
li.wochentag { width:100% !important; padding:10px 0px !important; margin-bottom:0px !important; font-size:18px; font-weight:700; background-color:transparent !important; border:1px solid #f1f1f1 !important; }

/*
section#forecast > ul > li.wetter_daten { display:block; width:calc(100% - 20px); padding:10px; }
section#forecast > ul > li.wetter_daten { display:block; width:calc(100% - 20px); padding:10px; }
*/

/*section#forecast > ul > li > ul > li > ul > li:nth-child(2n) { background-color:#f1f1f1; }*/
section#forecast i { font-size:40px; line-height:30px;  }
span.zeitabschnitt { display:block; width:100%; text-align:left; font-size:12px; /*font-style:italic;*/ }
span.temperatur { display:block; width:100%; text-align:right; font-size:20px; font-weight:700; }
span.symbol { display:inline-block; width:38%; text-align:left; float:left; }
span.himmel { display:inline-block; width:60%; min-height:40px; text-align:right; float:right; }
span.wind { display:block; width:100%; text-align:right; font-size:14px; clear:both; }
span.extra { display:block; width:100%; text-align:left; font-size:14px; clear:both;}

span.bundesland { font-weight:400; }

.windrichtung { font-size:18px !important; margin-top:2px; margin-left:2px; }

.mini { font-size:20px !important; line-height:0px !important; margin-top:5px; margin-left:2px; margin-right:2px; }



/* SEARCH */
ul#search { z-index:5; position:relative; max-width:320px; background-color:#f1f1f1 !important; margin-bottom:5px; border:1px solid #f1f1f1; }
body.search div#show_on { display:block; }

ul#search li { display:block; width:100%; margin-top:0px; text-align: left; overflow:hidden; }
ul#search li a { display: block; width:calc(100% - 42px); max-width:calc(100% - 42px); padding:5px 10px; margin:5px 10px; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:18px; color:#666; text-decoration: none; border:1px solid #999; }


/* BOOKING ##################### */
section#booking { display:inline-block; width:calc(100% - 60px); margin:0px 20px 20px 20px; padding:20px 10px 20px 10px; background-color:#f08c3e; color:#fff; text-align:center; }
/*section.oh_no { background-color:#ccc !important; }*/
body.home section#booking { display:none; }

section#booking { font-size:18px !important; }
section#booking a { color:#fff !important; font-weight:700 !important; }

section#booking h3 { margin-bottom:20px; font-size: 30px; font-weight: 700; }
section#booking h4 { margin-bottom:20px; }


/* TOP ##################### */
section#top { display:inline-block; width:calc(100% - 52px); margin:0px 20px 40px 20px; padding:20px 0px 0px 10px; background-color:#fff; border:1px solid #3769b6; color:#333; text-align:left; }
body.home section#top { display:none; }
section#top { font-size:18px !important; }
section#top a { color:#fff !important; background-color:#3769b6; }
section#top h3 { margin-left:5px; margin-bottom:20px; font-size: 30px; font-weight: 700; }
section#top h4 { margin-left:5px; margin-bottom:20px; font-size: 26px; font-weight: 700; }
ul#empfehlung { list-style:none; display:inline-block; padding-bottom:10px; }
ul#empfehlung li { display:inline-block; vertical-align:top; margin:0px 10px 10px 0px; width:calc(20% - 10px); }
ul#empfehlung li a { margin:auto; display:inline-block; width:calc(100% - 20px); padding:9px 9px; text-decoration: none; border:1px solid #3769b6; line-height:18px; text-transform:uppercase; letter-spacing:1px; font-weight:700; }
.bl { font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.5px; line-height:14px; }


@media only screen and (min-width: 0px) and (max-width: 450px) {
	form { top:80px; left:20px; width: 100%; }
	input#search_orte { width:calc(100% - 100px); }
	body.home main { margin-top:300px; }
	body.vorhersage main { margin-top:130px; }
	
	/* MAIN */
	body.home main { height:100px; }
	
	button {  }
	
	
	/* HEADER
	header { }
	header h1 { right:70px; }
	header a { font-size:22px; } */
	
	/* NAV 
	nav#main, nav#main_off { right:20px; }*/
	
	/*section#forecast { margin-top: 140px; }
	section#forecast > ul > li > ul > li { margin-right:10px; }
	section#forecast > ul > li > ul > li:nth-child(1n) { margin-left:0px; }
	section#forecast > ul > li > ul > li:nth-child(2n) { margin-right:0px; margin-left:0px; float:right; clear:left; }*/
	
	section#forecast > ul > li > ul > li:nth-child(2n) { margin-right:0px; }
	ul#empfehlung li { display:inline-block; margin:0px 10px 10px 0px; width:calc(100% - 10px); }
}

@media only screen and (min-width: 451px) and (max-width: 800px) {
	/* HEADER
	header h1 { right:75px; } */
	
	/* NAV */
	nav#main, nav#main_off { right:20px; }
	
	/*section#forecast > ul > li > ul > li { margin-right:16px; margin-left:0px; float:none; clear:none; }
	section#forecast > ul > li > ul > li:nth-child(4n) { margin-right:0px; }*/
	ul#empfehlung li { display:inline-block; margin:0px 10px 10px 0px; width:calc(50% - 10px); }
}

@media only screen and (min-width: 801px) and (max-width: 1450px) {
	/* HEADER
	header h1 { right:75px; } */
	
	/* NAV */
	/*nav#main, nav#main_off { right:24px; }*/
	
	/*section#forecast > ul > li > ul > li { margin-right:20px; margin-left:0px; margin-top:20px; float:none; clear:none; }
	section#forecast > ul > li > ul > li:nth-child(5n) { margin-right:0px; }*/
	ul#empfehlung li { display:inline-block; margin:0px 10px 10px 0px; width:calc(50% - 10px); }
}