/* fonts */
@font-face {
    font-family: 'Dosis';
    src: url('../fonts/dosis/Dosis-Regular.woff2') format('woff2'),
        url('../fonts/dosis/Dosis-Regular.woff') format('woff'),
		url('../fonts/dosis/Dosis-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis 700';
    src: url('../fonts/dosis/Dosis-Bold.woff2') format('woff2'),
        url('../fonts/dosis/Dosis-Bold.woff') format('woff'),
		url('../fonts/dosis/Dosis-Bold.ttf') format('ttf');
    font-weight: 700;
}

@font-face {
    font-family: 'Dosis 300';
    src: url('../fonts/dosis/Dosis-Light.woff2') format('woff2'),
        url('../fonts/dosis/Dosis-Light.woff') format('woff'),
		url('../fonts/dosis/Dosis-Light.ttf') format('ttf');
    font-weight: 300;
}

@keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}
*{box-sizing:border-box;-moz-box-sizing:border-box;}

html, body{
/*overflow-x:hidden; "overflow: what ever;" never with - "position: sticky;"!!!*/
}
body{background:rgba(247,247,231,0.9);
min-height:100%;color:#840;
font-family:'Dosis', Arial, Helvetica, sans-serif;
font:normal 100% 'Dosis',sans-sherif;
max-width:1280px;
margin:0 auto;padding:0;}
h1{font-size:200%;}
h2{font-size:170%;}
h3{font-size:140%;}
p, h4, h5{font-size:100%;}
h1, h2, h3, h4 {color:#a00;text-shadow:1px 1px 1px #aaa;}
h5, h6 {color:#a00; margin-bottom: -4px}

.cookie{opacity:0.8;position:fixed;top:0px;width:50%;max-width:1280px;text-align:left;padding:0 7px;background-color:#666;color:#fff;font:Arial;z-index:20;}
.frontedit a{display:inline-block;border:none;}
.kopf{text-align:center;line-height:.3em;margin-bottom:4em;text-shadow:2px 2px 2px #aaa;}
.kopf h1{color:#840;}
a{color:#640;}
a:hover {color:#fff!important;background:#640;text-decoration:none;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.bild a:hover, .beimus a:hover, .rfg_thumb_a img:hover  {background:#f7f7e7/*text-decoration:none!important;*/ }

.left{float:left; border: 1px dotted #640;}
.right{float:right; border: 1px dotted #640;}
.zweispalten{width: 49%;float: left; padding-left: 3%;list-style:none;}
.dreispalten{width: 33.3%;float: left; padding-left: 3%; background:#1b1b1b; }
.dreispalten:hover {color: #fff }
div.polaroid{width:200px;padding:10px 10px 10px 10px;border:1px solid #bfbfbf;background-color:white;box-shadow:8px 8px 8px #aaaaaa;}
div.rotate_right{-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);transform:rotate(3deg);}
div.rotate_left{-ms-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);transform:rotate(-4deg);}
.capton{font-size:50%;}
.button,
.md-close,
.mod_bakery_bt_cart_f, 
.mod_bakery_bt_add_f,
input.mod_bakery_bt_continue_f,
input.mod_bakery_bt_pay_bopis_f,
.dbutton,
#tnl_submit_btn,
#tnl_register input[type="submit"], 
#tnl_register input[type="reset"] 
{margin: 0 0 5px; padding: 5px 10px;color:#000;background:#fff;text-decoration:none;border:1px solid #640!important;border-radius:4px;}

input.mod_bakery_bt_buy_f{ width: 160px;}
input.mod_bakery_bt_cancel._f{ float: right;}
/*
span.button
{text-decoration:none;color:#640;padding:5px 10%;}
span.button:hover
{text-decoration:none;color:#fff;padding:5px 10%;background:#640;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
a:hover img, tr a:hover img{color:transparent;box-shadow:1px 1px 8px 2px rgba(0, 0, 0, .3);transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s; }
*/
.button:hover,
.button a:hover,
.md-close:hover,
.dbutton:hover,
.mod_bakery_bt_cart_f:hover, 
.mod_bakery_bt_add_f:hover,
input.mod_bakery_bt_continue_f:hover,
input.mod_bakery_bt_pay_bopis_f:hover,
#tnl_register input[type="submit"]:hover
{cursor:pointer; margin: 0 0 5px; padding: 5px 10px;color:#fff;background:#640;border:1px solid #000;border-radius:4px;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}

.button-txt{
		font-size:80%!important;
		margin:0; 
		padding:0 6px;
		color:#000;
		background:#fff;
		text-decoration:none;
		border:1px solid #640;
		border-radius:4px;		
		}
.button-txt:hover
{cursor:pointer; color:#fff;background:#640;border:1px solid #000;border-radius:4px;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}

.schaltflaeche{padding:1rem;background:#fff/*rgb(232,237,196)*/;border:1px solid #840;text-align:center;border-radius:4px;}
.schaltflaeche:hover{cursor:pointer;background:#640;color:#fff;box-shadow:1px 1px 8px 2px rgba(0, 0, 0, .3);transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}

#modal-1 ul, #modal-1 ul a, ul.logout-advance{list-style-type:none;}
#left{float:left;margin-left:10px;width:48%;}
#right{float:right;width:48%;margin-right:10px;}
section#slider{box-sizing:content-box;margin-bottom:30px;}
section#sectop, section#left, section#right, section#bottom{padding:0 1em}
section#left, section#right, section#bottom{margin-bottom:10px}
section#bottom{clear:both;}
img{max-width:100%;height:auto;}
.nosmall{display:block;}
.nosmallrig{display:inline;}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after{content:" ";display:table;}
.clearfix:after,
.container:after,
.row:after{clear:both;}
.DatenDiscl{float: left;margin: 0 27%}
.iframe{width: 70%; margin: auto; box-shadow: 10px 10px 10px #aaa;}

footer a {color:#b85;text-decoration:none;background:transparent;}
footer a:hover {color:#fff;background:inherit;}
footer, footer h1{ margin-top:30px;padding:30px;width:100%;background:#1b1b1b;color:#aaa;text-align:center;font-size:1.2em;}
.forgot span:hover{color: #000;}
/*----------------------------------
		responsive grid - footer
-----------------------------------*/
#rig {
	width: 100%;
    max-width:1200px;
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:normal; /* Remember to change it back to normal font size if have captions */
    list-style:none;
    background-color:inherit;
}
#rig li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:24%;
    vertical-align:top; /*middle oder bottom*/
	text-align:center;
    box-sizing:border-box;
    margin:0 2px;
    padding:0;
}

/* The wrapper for each item */
.rig-cell {
    margin:12px;
    /*box-shadow:0 0 6px rgba(0,0,0,0.3);*/
    display:block;
    position: relative;
    overflow:hidden;
	margin: 0 1%;
}

        
/* If have the image layer */
.rig-img {
    display:block;
    width: 96%;
    height: auto;
    border:none;
	margin: 2%;
    /*transform:scale(1);*/
    transition:all .3s;
}
/*
#rig li:hover .rig-img {
    transform:scale(1.05);
}
   */     
/* If have the overlay layer */
.rig-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #3DC0F1 url(img/link.png) no-repeat center 20%;
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#rig li:hover .rig-overlay {
    opacity:0.8;
}

/* If have captions */
.rig-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:18px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:#fff;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#rig li:hover .rigfooter /*rig-text*/ {
    transform:translateY(0px);
    opacity:0.9;
	color: #fff;
}
.rigfooter{
	    width:33%;
		box-shadow:none!important;
}

.rigmodal{
		width:49%!important;
}


/*-------------------------------*/
/*--------------MENU-------------*/
/*-------------------------------*/
.menu-toggle{display:none;}
#topnav{
		text-align:center;
		z-index:10;
		position:-webkit-sticky;
		position:sticky;
		top:0px;
		padding-top:10px;
		height:53px;
		background:rgba(247,247,231,0.5);
		}
		
#menu-main-navigation{margin-top:-11px;}
.srt-menu ul{position:absolute;display:none;width:12em;}
.srt-menu li:hover{visibility:inherit;}
.srt-menu li{text-align:center;display:inline;}
.srt-menu a:hover, .nav a:active{box-shadow:0px 0px 12px #888;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.srt-menu li a{background:#fff;color:#640;display:inline-block;margin:5px;padding:10px;text-decoration:none;border:1px solid #640;border-radius:2px;text-transform:uppercase;}
.srt-menu li a:hover{background:#640;color:#fff;}
.srt-menu ul{list-style-type:none}
.srt-menu li li a{display:none;}
 /*-------------------------------*/
/*               /MENU             */
 /*-------------------------------*/


/*-----------------------------------*/
/*---------------submenu-------------*/
/*-----------------------------------*/
.submenu ul{z-index:9;background:rgba(247,247,231,0.5);position:-webkit-sticky; position: sticky; top: 53px;list-style-type:none; text-align: center;}
.submenu li {margin-top: 4px; text-align:center; display:inline-block;}
.submenu li a{background:#fff;color:#640;display:inline-block;text-decoration:none;border:1px solid #640;border-radius:2px;text-transform:uppercase; width: 152px}
.submenu li:hover{visibility:inherit;}
.submenu a:hover, .nav a:active{box-shadow:0px 0px 12px #888;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s; background:#640;color:#fff;}
/*--------------Ende submenu----------*/


/*-----------------------------------*/
/*-------------Intern-Menu "CI" -----*/
/*-----------------------------------*/
.nav h1, .nav h2,.nav h3,.nav h4,.nav h5{text-align: left; padding-left:6px;}
.nav{margin-top: 4px;	border: 1px solid #640;	text-align: center; height: auto; min-height: 305px;}
.nav:hover{box-shadow:0px 0px 40px #aaa;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.navi a { display: inline-block;text-decoration: none; border: 1px solid #840;border-radius:2px;width: auto; min-width: 50%; margin:2px;background:#fff;color:#640;}
.navi a:hover, .nav a:active{background:#640;color:#fff;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
/*------------Intern-Menu "CI"-------*/




.md-perspective,
.md-perspective body{height:100%;overflow:hidden;}
.md-perspective body{background:#f7f7e7;-webkit-perspective:600px;-moz-perspective:600px;perspective:600px;}
.container{background:#f7f7e7;min-height:100%;}
.md-modal{position:fixed;top:50%;left:50%;width:auto;max-width:80%;min-width:50%;height:auto;max-height:100%;z-index:2000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.md-show{visibility:visible;}
.md-overlay{position:fixed;width:70%;height:50%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:rgba(143,27,15,1);-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;}
.md-show ~ .md-overlay{opacity:1;visibility:visible;}
.md-content{color:#640;background:#f7f7e7;position:relative;border-radius:3px;margin:0 auto;box-shadow:0px 20px 40px -10px rgba(0, 0, 0, 0.4);}
.md-content h1{margin:0;padding:5px;text-align:center;background:rgba(102,68,0,0.3);color:rgb(102,68,0);border-radius:2px;}
.md-content h3{margin:0;padding:.4em;text-align:center;font-size:2em;font-weight:800;opacity:1;background:rgba(102,68,0,0.7);border-radius:3px 3px 0 0;}
.md-content > div{padding:0;margin:0;}
.center > div{text-align:center;}
.md-content > div p{margin:0;padding:3px 0;}
.md-content > div ul{margin:0;padding:0 30px 0;}
.md-content > div ul li{padding:5px 0;}
/*.md-content button::before{content:"\00a0\00a0\00a0\00d7\00a0\00a0\00a0"}*/
.md-content button::before{content:"\00a0\00a0\00a0X\00a0\00a0\00a0 "}
.md-content button{position:absolute;top:0;right:0;border:none!important;background:transparent;color:#000;font-size:100%;font-weight: bold; text-shadow: 1px 1px 3px #ddd;}
.md-content button:hover{border:none;border-radius:0 3px 0 0;background:#f00;color:#fff;box-shadow:-3px 3px 3px #666;text-shadow: 1px 1px 3px #666;}
.login-table fieldset{border:none}
.md-effect-1 .md-content{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;transition:all 1.5s;}
.md-show.md-effect-1 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
#modal-1 fieldset{border:none;}
.md-effect-7{top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.md-effect-7 .md-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:all 1.5s;-moz-transition:all 1.5s;transition:all 1.5s;opacity:0;}
.md-show.md-effect-7 .md-content{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);border-radius:0 0 3px 3px;opacity:1;}
#back-top span{display:none}
.oneliner1{font-size:110%;}
.oneliner2{text-align:center;font-size:140%;font-weight:bold;}
.oneliner3{text-align:right;font-size:90%;margin-right:5%;}
.wrappers{position:relative;top:40px;margin:0;width:100%;}
.slider-wrapper{position:relative;margin-bottom:110px;background:#1b1b1b;}
.slider{width:100%;background:#f7f7e7 url('/templates/dbb_responsive/img/sliderback.png') no-repeat center;}
.slider img{margin:0;box-shadow:0px 3px 8px rgb(51, 51, 51);border:none;}
.slider p{position:absolute;z-index:8;padding:1% 3%;padding:0 1%;font-size:24px;line-height:150%;color:#fff;white-space:nowrap;text-transform:uppercase;}
.slider a{border:none;padding:0.6em 1.2em;background:#f7f7e7;color:#b85;font-family:'Dosis', Calibri, Arial, sans-serif;font-size:1em;letter-spacing:1px;cursor:pointer;display:inline-block;}
.slider a:hover{color:#fff;}
.claim{line-height:100%;}
.teaser{line-height:150%;font-size:14px;padding:1% 3%;color:rgba(255, 255, 255, 1);text-shadow:4px 2px 2px rgba(34, 34, 34, 1);border:1px solid rgba(255, 255, 255, 0);border-radius:2px;background-color:rgba(182, 34, 34, .5);box-shadow:1px 1px 5px rgba(0, 0, 0, 1);}
.small{width:250px;padding-left:0;padding-right:0;text-align:center;}
.light-green{background:#95C542;}
.green{background:#7CB761;}
.orange{background:#EF7D00;}
.turky{background:#348E8A;}
.white{background:#fff;color:#333333;}
.rot{background:rgba(182, 34, 34, 0.7)}
.blau{background:#30376D;}
.braun{background:#640;}
.big{font-size:200%;}
.first{font-weight:bold;color:#a00;}
.sliderback{position:relative;top:25%;left:25%;top:10rem;z-index:0;letter-spacing:5px;font-size:1.7rem;}
#top{display:none;}



/*----------------------------------
		jquery Layout
-----------------------------------*/

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}
/*-----Jquery-----*/
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog-titlebar-close::before{
	/*content:"\00d7";*/
	content:"X";
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 10%;
	margin: 0;
	padding: 1px;
	height: 40px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding:0;
	outline: 0;
			box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.4);
			border-radius:3px;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 0 1em .4em;
	position: relative;
	font-size: 180%;
				border-radius:3px;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-button-text{
	display: none
}


.ui-widget.ui-widget-content {
	width: 100%;
}
.ui-widget-content {
	background: #f7f7e7;

}

.ui-widget-header {
	border: 1px solid #dddddd;
	background: #927a45;
}
.ui-widget-header a {
	color: #333333;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 0;
	background: #927a45;
	font-weight: normal;
	font-size: 90%;
	color: #000;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border-radius:0 3px 0 0;background:#f00;color:#fff;box-shadow:-3px 3px 3px #666;
}



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

.nosmall,
.nosmallrig{display:none;}
.DatenDiscl{float: left;margin: 0 10%}
.iframe{width: 100%;box-shadow: 10px 10px 10px #aaa;}
.zweispalten{width: 100%;float: left; padding: 3%;}
.dreispalten{min-width: 100%;float: left; padding: 0;}
#rig, #rig li, .rigmodal{width: 100%!important; font-size: 80%;}


#topnav{text-align:center;z-index:10;position:-webkit-sticky;position:sticky;top:0px;height:53px;background:rgba(247,247,231,0.5);}
#main-menu-navigation{clear:both;list-style-type:none;background:rgba(247,247,231,0.5);margin-left:25px;}
.menu-toggle{display:block;padding:10px;margin-left:20px;margin-top:-20px;background:#fff;color:#640;cursor:pointer;text-transform:uppercase;font-size:110%;border:1px solid #640;border-radius:2px;float:left;position:-webkit-sticky;position:sticky;top:3px;}
.menu-toggle.toggled-on{background:#640;color:#fff;z-index:100;}
.srt-menu{display:none}
.srt-menu.toggled-on{display:block;position:absolute;top:64px;background:rgba(247,247,231,0.5);-webkit-animation:fadeIn 1s;animation:fadeIn 1s;}
.srt-menu li a{display:block;font-size:110%}
.srt-menu li a:hover{background:#640;color:#fff;}
.submenu ul li ul {position:relative;margin:0}
section#left, section#right, section#bottom{float:none;width:100%;margin-bottom:10px}
section#sectop{margin-top:50px}
.md-overlay{width:80%;}
.md-modal{position:fixed;top:0;left:50%;width:auto;max-width:100%;min-width:90%;height:auto;max-height:100%;}
.srt-menu.toggled-on{font-size:100%;letter-spacing:1px;}
body p, h1, h2, h3, h4, .tsrs_content{font-size:120%;letter-spacing:1px;}
.tsrs_content h3{font-size:100%}

#modal-1{top:40%;}
#modal-7{top:30px;}
#top{display:none;position:fixed;bottom:20px;right:30px;z-index:99;border-bottom:.45rem solid #640;outline:none;background-color:#640;color:#fff;cursor:pointer;padding:0 2.5rem;border-radius:4px;font-size:5rem;opacity:0.5;cursor:pointer;scroll-behavior:smooth;}
#top:hover{background-color:#555;border-bottom:.45rem solid #555;}
.notenA_M, .notenN_Z {width: 100%!important; border: noborder!important;margin: 0 1%!important;}

}



/*--------------------------
             Noten
--------------------------*/
#note {
    max-width:1200px;
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:normal; /* Remember to change it back to normal font size if have captions */
    list-style:none;
    background:inherit;
}


#note li {
    display: inline-block;
    *display:inline;
    width:32%;
    vertical-align:top;
    box-sizing:border-box;
    padding-left:40px;
}


#note img {
    display:block;
	float:left;
	margin-left:-40px;
	vertical-align: top;
    width: 100%;
    height: auto;
	max-width: 30px;
    transform:scale(1);
    transition:all .5s;
}

.letter {
	margin: 100px 0 0 5%;
	background-color: rgb(153,51,0);
	color: rgb(255,255,255);
	font-size:140%;
	font-weight: bold;
	text-shadow:1px 1px 1px #aaa;
	padding: 0 2%;
	
	}
.note_abstand_p{border-bottom: 1px solid #a00;margin: 5% 0 5px 0;}
.note_abstand_p::after{content:'\00A0\00A0\00A0\00A0⟶ ';}


/*--------------------------
             Personal
--------------------------*/
#perso {
    max-width:1200px;
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:normal; /* Remember to change it back to normal font size if have captions */
    list-style:none;
    background:inherit;
}


#perso li {
    display: inline-block;
    *display:inline;
    width:33%;
    /*vertical-align:middle;*/
    box-sizing:border-box;
    padding-left:10px;
	padding-top: 5px;
	/*border-bottom: 1px solid #000;*/
}


#perso img {
    /*display:block;
	float:left;
	margin-left:-40px;
	vertical-align: top;
    width: 100%;
    height: auto;
	max-width: 30px;
    transform:scale(1);
    transition:all .5s;*/
}

.persoletter {
	margin-left: 5%;
	font-weight: bold;	
	}
.perso_abstand_p{border-bottom: 1px solid #a00;margin: 5% 0 5px 0;}
/*.perso_abstand_p::after{content:'\00A0\00A0\00A0\00A0⟶ ';}*/

/*--------------------------
      Übungsmaterial
--------------------------*/
#ubg {
    max-width:1200px;
    margin:0 auto; 
    padding:0;
    font-size:normal;
    list-style:none;
    background-color:inherit;
}

#ubg li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:24%;
    vertical-align:top; /*middle oder bottom*/
	text-align:center;
    box-sizing:border-box;
    margin:0 2px;
    padding:0;
}

.ubg_abstand_p{border-bottom: 1px solid #a00;margin: 5% 0 5px 0;}
/*.uebung_abstand_p::after{content:'\00A0\00A0\00A0\00A0⟶ ';}*/


/*---------------------
|    Kleine Devices    |
-----------------------*/

@media (max-width: 1100px) {
	
	    #perso li {
        width:49%;
    }
}
 
@media (max-width: 900px) {
    #note li  {
        width:49%;
    }
	 #perso li {
        width:100%;
    }
	  
		#rig li  {
        width:100%;
    }
}
@media (max-width: 580px) {
	.kopf{font-size:120%;text-align:center;line-height:.3em;margin-bottom:.5em;}
.kopf h1{line-height:1em;}
    #note li  {
        width:100%;
    }
	#rig li  {
        width:100%;
    }
	.note_abstand_p::after{content:'\00A0\00A0⬇ ';}
	/*perso_abstand_p::after{content:'\00A0\00A0⬇ ';}*/
}
/*---------------------------
       /Noten
---------------------------*/
.menu_button{text-decoration: none; border: 1px solid #640;background: #fff;padding: 5px 4px;border-radius: 4px}